<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
			#myHead{
				width:80px;
				 height:80px;
				 margin: auto;
				  border: solid aquamarine 1px;
				   border-radius:50%;
				   overflow: hidden;
				   
			}
			
		h3,h5{
				text-align: center;
			}
		h4{text-align: right;}
		</style>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
  	<a href="index.html" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">返回主页</a>
    <h1>心情详情</h1>
  </div>
  
  <div data-role="main" class="ui-content">
   
   			<div id="myHead">
			<img src="img/fire.png" width="80" height="80"/>
			</div>
			<h3>志铭</h3>
			<h4><a href="#">关注Ta</a> | <a href="#">私信</a></h4>
  		
   
    <h2>下班了。。。</h2>
    <h4><a href="#">赞</a>(0) | <a href="#">评论</a>(1)</h4>
   <hr />
   <div id="discussor">
   	<img src="img/snow.jpeg" width="40" height="40" />
   	<strong style="line-height: 40px;">千城飘雪</strong>
   
   	
   </div>
   <p>下课了</p>
   <hr />
   <h5>已加载所有评论</h5>
  </div>

  <div data-role="footer" data-position="fixed">
    <h1>灵乐乐器学习平台</h1>
  </div>
</div> 

</body>
</html>
